<template>
  <h1>App</h1>
  <p>{{ $store.state.counter.count }}</p>
  <p>{{ $store.getters.oddOrEven }}</p>
  <button @click="handleIncrement">increment</button>
  <button @click="handleDecrement">decrement</button>
</template>

<script lang="ts">
export default {
  name: "App",
  methods: {
    handleIncrement() {
      this.$store.dispatch("increment", 1);
    },
    handleDecrement() {
      this.$store.commit("DECREMENT", 1);
    },
  },
};
</script>

<style scoped></style>
